.calendarCustomBox{
	// padding: 0 15px;
	// padding-top: 10px;
	// padding-bottom: 22px;
	.topHeaderBox{
		.userName{
			font-size: 20px;
			line-height: 28px;
			font-weight: 500;
		}
		.jobMsg{
			padding-top: 2px;
			padding-left: 34px;
			span{
				display: block;
				font-size: 14px;
				line-height: 14px;
				padding: 0 5px;
				border-right: 1px solid #000;
				&:last-child{
					border-right: none;
				}
			}
		}
	}
	.monthDate{
		margin-top: 20px;
		.dateMsg{
			font-size: 18px;
			font-weight: bold;
			padding: 0 10px;
			line-height: 40px;
		}
		.addLeftBtn,.addRightBtn{
			padding-top: 2px;
			cursor: pointer;
		}
		.checkingInNav{
			margin-left: 40px;
			.checkingInItem{
				width: 110px;
				line-height: 28px;
				border: 1px solid #E6E6EE;
				font-size: 14px;
				color: #303133;
				text-align: center;
				margin-right: 30px;
				background-color: #F8F9FA;
				border-radius: 2px;
			}
			
		}
	}
}
.calendarContainer {
  overflow-y: auto;
  max-height: 100%;
}
.topHeaderBox{
	display:flex;
}
.calendarContainer::v-deep .el-calendar__header{
	border-width: 10px !important;
	border-color: var(--el-bg-color-page) !important;
	padding: 24px 40px;
}
.calendarContainer::v-deep .el-calendar__body {
	padding: 40px;
}
.calendarContainer::v-deep .el-calendar-table .el-calendar-day{
	height: 100px;
	padding: 10px;
}
.calendar_card{
	.calendar_text{
		color: #303133;
		font-size: 13px;
		margin-bottom: 12px;
		&:last-child{
			margin-bottom: 0;
		}
		&.title{
			font-size: 15px;
			line-height:21px;
			padding-top: 10px;
			font-weight: 600;
		}
	}
}
.headIcon{
	cursor: pointer;
}
.calendarDayBox{
	position: relative;
	padding:20px 5px;
	width: 100%;
	height: 100%;
	box-sizing:border-box;
	.dayMsgNum{
		position: absolute;
		font-size: 13px;
		right: 5px;
		top: 5px;
	}
	.workTime{
		font-size: 13px;
		padding-left: 10px;
		position: relative;
		margin-bottom: 4px;
		.after{
			width: 4px;
			height: 4px;
			border-radius: 50%;
			position: absolute;
			top: 50%;
			left: 2px;
			transform: translateY(-50%);
		}
		&.beOnDuty,&.offDuty{
			color: #28AE60;
			.after{
				background-color: #28AE60;
			}
		}
		&.beLate,&.leaveEarly{
			color: #FFAA32;
			.after{
				background-color: #FFAA32;
			}
		}
		&.leave{
			color: #3A9AFF;
			.after{
				background-color: #3A9AFF;
			}
		}
		&.absenteeism{
			color: #E74C3D;
			.after{
				background-color: #E74C3D;
			}
		}
	}
}
.merak-card{
	padding: 0;
}